<template>
  <div id="app">
    <!-- 顶部 -->
    <TopBar></TopBar>

    <!-- 头部导航栏 -->
    <Header></Header>

    <!-- 路由切换内容 -->
    <router-view />

    <!-- 底部页面 -->
    <Footer></Footer>
  </div>
</template>

<script>
  // 组件相关 
  import TopBar from '@/components/app/TopBar.vue'
  import Header from '@/components/app/Header.vue'
  import Footer from '@/components/app/Footer.vue'

  // api相关
  import {
    getRecommend
  } from '@/request/appApi.js'
  export default {
    name: '',
    components: {
      TopBar,
      Header,
      Footer
    },
    props: {

    },
    data() {
      return {

      };
    },
    methods: {

    },
    watch: {

    },
    created() {
 
    },
    mounted() {

    },
    computed: {

    },
  };
</script>

<style scoped lang="less">

</style>